@charset "utf-8";
//用户大背景图

    .userbg{
        width          : 1200px;
        height         : 500px;
        background     : url('/images/user/banner5.png');
        background-size: 1200px 500px;
        position       : relative;
        margin-bottom  : 60px;
        /* margin-left    : -45px;
        margin-bottom: 60px; */
        //头像
        .midpic{
            position: absolute;
            bottom  : 55px;
            left    : 55px;
            li{
                float       : left;
                margin-right: 37px;
                font-size   : 28px;
                h3{
                    font-size: 28px;
                    color    : #fff;
                }
                p{
                    font-size    : 16px;
                    width        : 300px;
                    color        : #fff;
                    overflow     : hidden;
                    text-overflow: ellipsis;
                    white-space  : nowrap
                }
            }
            .midpic2{
                width        : 94px;
                height       : 94px;
                background   : gray;
                border-radius: 50%;
                overflow     : hidden;
                img{
                    display: block;
                    width  : 94px;
                    height : 94px;
                }
            }
            .usermassage{
                margin-top: 10px;
            }
        }
    }
    .details{
        border    : 1px solid #bfbfbf;
        width     : 1200px;
        box-sizing: border-box;
        margin    : 0 auto;
        .details_head_l{
            float : left;
            height: 56px;
            p{
                width       : 153px;
                border-right: 1px solid #bfbfbf;
                text-align  : center;
                line-height : 56px;
                background  : #fafafa;
                font-size   : 16px;
                color       : #a09e9e;
            }
        }
        .details_head_r{
            height: 56px;
            float : right;
            p{
                width      : 1045px;
                text-align : center;
                line-height: 56px;
                font-size  : 16px;
                color      : #000;
            }
        }
    }
    .details_head{
        border-bottom: 1px solid #bfbfbf;
    }
    .details_body{
        position  : relative;
        background: #fafafa;
        //基本信息右边
        .details_body_r{
            background : #fff;
            float      : right;
            width      : 1046px;
            border-left: 1px solid #bfbfbf;
            position   : relative;
            .subdetails{
                width: 1045px;
            }
            //基本信息
            .details_mesg{

                //表单
                .user_form{

                    //性别
                    .sexual{
                        margin: 0 142px 0 90px;
                    }
                    //按钮
                        .user_submit{
                            width : 130px;
                            height: 40px;
                            margin: 40px 0 60px 0;
                            &:hover{
                                background  : #fc624d;
                                border-color: #fc624d;
                            }
                        }
                        //用户名
                        .user_name{
                            margin-left: 89px;
                            font-size  : 14px;
                            .user_num{
                                color      : #a4a4a4;
                                margin-left: 127px;
                            }
                        }
                        .warnInfo{
                            color        : red;
                            font-size    : 16px;
                            font-weight  : 600;
                            text-align   : center;
                            margin-bottom: -20px;
                            margin-left  : -15px;
                        }
                        .successInfo{
                            color        : green;
                            font-size    : 16px;
                            font-weight  : 600;
                            text-align   : center;
                            margin-bottom: -20px;
                            margin-left  : -15px;
                            display      : none;
                        }
                }
            }
            //我的收藏
            .details_coll{
                width     : 1045px;
                box-sizing: border-box;
                //电影类
                .col_movies{
                    margin-top: 73px;
                }
                .col_tvplay,.col_fun{
                    margin-top: 20px;
                }
                .mycol{
                    margin-left: 59px;
                    li{
                        float        : left;
                        width        : 158px;
                        margin-right : 30px;
                        margin-bottom: 22px;
                    }
                    h3{
                        font-size    : 24px;
                        margin-bottom: 28px;
                    }
                    img{
                        display: block;
                        width  : 150px;
                        height : 200px;
                    }
                    p{
                        font-size  : 12px;
                        word-wrap  : break-word;
                        word-break : break-all;
                        margin     : 10px 0;
                        width      : 158px;
                        height     : 20px;
                        overflow   : hidden;
                        line-height: 20px;
                        text-align : center;
                    }
                    span{
                        display   : block;
                        font-size : 12px;
                        color     : #9c9c9c;
                        text-align: center;
                    }
                }
            }
            //我的参与
            .details_join{
                .user_join{
                    box-sizing: border-box;
                    margin    : 22px 120px 0 120px;
                    li{
                        margin: 10px 0;
                    }
                    h3{
                        font-size  : 16px;
                        color      : #007722;
                        line-height: 48px;
                        a{
                            font-size: 14px;
                        }
                    }
                    .com_img,.join_comment{
                        float: left;
                    }
                    //评论左侧图
                    .com_img{
                        margin-right: 10px;
                        img{
                            display: block;
                            width  : 115px;
                            height : 162px;
                        }
                    }
                    //评论右侧内容
                    .join_comment{
                        width: 665px;
                        h4{
                            font-size  : 16px;
                            color      : #3377aa;
                            font-weight: 600;
                            line-height: 24px;
                        }
                        .join_type{
                            margin: 15px 0;
                        }
                        span{
                            font-size   : 14px;
                            margin-right: 14px;
                        }
                        em{
                            font-size: 14px;
                            color    : #656565;
                        }
                        p{
                            font-size : 14px;
                            color     : #010101;
                            width     : 650px;
                            word-wrap : break-word;
                            word-break: break-all;
                            overflow  : hidden;
                        }
                    }
                }
                .user_diary{
                    margin: 15px 120px 0 120px;
                    li{
                        margin: 20px 0;
                    }
                    h3{
                        font-size  : 16px;
                        color      : #007722;
                        line-height: 40px;
                    }
                    h4{
                        font-size  : 14px;
                        color      : #3377aa;
                        font-weight: 800;
                    }
                    .diary_img,.diary_content{
                        float: left;
                    }
                    .diary_img{
                        margin-right: 10px;
                        img{
                            display: block;
                            width  : 115px;
                            height : 162px;
                        }
                    }
                    .diary_content{
                        width: 650px;
                        p{
                            margin: 15px 0 28px 0;
                        }
                        span{
                            color    : #868686;
                            font-size: 12px;
                        }
                    }
                }
                //追影小粉的电影
                .user_movies{
                    margin: 25px 120px 0 120px;
                    h3{
                        font-size  : 16px;
                        color      : #007722;
                        line-height: 40px;
                    }
                    img{
                        display     : inline-block;
                        width       : 115px;
                        height      : 162px;
                        margin-right: 35px;
                    }
                    p{
                        display     : inline-block;
                        line-height : 162px;
                        color       : #868686;
                        margin-right: 25px;
                    }
                }
            }
        }
    }

    //个人中心左边
    .details_body_l{
        width      : 152px;
        padding-top: 11px;
        float      : left;
        li{
            a{
                margin-bottom: 11px;
                position     : relative;
                display      : block;
                width        : 152px;
                text-align   : center;
                line-height  : 56px;
                background   : #fafafa;
                font-size    : 16px;
                color        : #000;
                em{
                    display : inline-block;
                    position: absolute;
                    left    : 25px;
                    top     : 15px;
                    width   : 26px;
                    height  : 26px;
                }
                span{
                    margin-right: -30px;
                }
                &:hover{
                    text-decoration: underline;
                }
            }
            .base_message{
                em{
                    background: url('/images/user/userdetails1.png') no-repeat center center;
                }
            }
            .collection{
                em{
                    background: url('/images/user/userdetails2.png') no-repeat center center;
                }
            }
            .my_join{
                em{
                    background: url('/images/user/userdetails3.png') no-repeat center center;
                }
            }
            .my_post{
                margin-bottom: 0px;
                em{
                    background: url('/images/user/userdetails4.png') no-repeat center center;
                }
            }
        }
    }



